@charset "utf-8";
/* CSS Document */

body{ margin:0; font-size:12px;}
div.w960{ width:960px; margin:0 auto;}
dl,dt,dd,ul,li{ margin:0; padding:0; list-style:none;}
p{ margin:0; padding:0;}
h1,h2,h3,h4{ margin:0;}
h1{ font-size:26px;}
a{ text-decoration:none; color:#ff8800;}
.left{ float:left;}
.right{ float:right;}
.gray{ color:#999;}
.color_red{ color:red;}
img{ border:none;}


#top{ background:url(images/sprites_header_top.gif) repeat-x; line-height:20px; display:none;}

#header{}
	#logo{}
	#logo a{ display:block; width:286px; height:63px; background:url(images/logo.gif) no-repeat;}
	
	#menu,#submenu,#menu ul,#submenu ul{ background-image:url(images/menu.gif);}
		#menu ul,#submenu ul{ margin-left:5px; height:30px; line-height:30px; overflow:hidden;}
		#menu ul li,#submenu ul li{ float:left;}
	#menu{}
		#menu ul{ background-position:right 0;}	 
		#menu ul li a{ color:#fff;font-size:14px; display:inline-block; padding:0 8px;}
		
		#menu ul li.menu_on{ background:url(images/menu.gif) left -60px no-repeat; margin-top:3px;}
		#menu ul li.menu_on a{ background:url(images/menu.gif) right -60px no-repeat; margin-left:4px; color:#fc8201; font-weight:bold; }
		
	#submenu{ background-position:left -30px;}	
		#submenu ul{ background-position:right -30px; }
		#submenu ul li a{color:#666; margin:0 3px;}
		#submenu ul li a:hover{ text-decoration:underline; color:#fc8201;}
		#submenu ul li strong{ color:#fc8201; padding:0 5px;}
	 
#path{background:#fafafa; margin:8px auto; line-height:20px; color:#666;}
#path span{ float:right;}
#path a{ color:#2c629e; margin:0 5px;}

#main{ margin-top:5px; overflow:hidden;}
	#sidebar{ float:right; width:200px; background:url(images/sidebar_bg.gif) repeat-y; margin-bottom:-10000px; padding-bottom:10000px; }
	#sidebar dl{}
	#sidebar dl dt strong{ display:block; padding:0 5px; color:#7b2e00; background:url(images/sprites_dt_bg.gif) right 0 no-repeat; margin-left:2px; height:25px;}
	#sidebar dl dt{ background:url(images/sprites_dt_bg.gif) no-repeat; line-height:25px;}
	#sidebar dl dd.sidebar_line{ background:url(images/sidebar_bg_line.gif) right top no-repeat #fff; height:10px; font-size:0px;}
	#sidebar dl dd ul{ margin:5px; line-height:25px;}
	
	
	
	#content{ float:left; border:1px solid #c7ebfd; width:750px; background-repeat:no-repeat;}
	
		#tools{ height:80px;}
		#tools div.tools_content{ width:390px; float:right; margin-top:20px; height:20px; line-height:20px; background:#fff;}
		
		#tools p{ display:inline;}
		#setStyle{margin:2px 5px;}
		#setStyle span{ display:inline-block; margin-right:2px; margin-top:3px; width:13px; height:13px; font-size:1px;}
		#setStyle span.text{ width:38px; margin:0; font-size:12px; }
		#setSize,#setMark,#setComment{ color:blue; margin-left:10px;}
		#setComment span.red{ color:red; text-decoration:underline;}
		
		#article_title{ text-align:center; line-height:30px;}
		#article_content{ padding:20px 50px; font-size:14px; line-height:200%; letter-spacing:0px;}
		
		#other{ background:#a9ddf9; text-align:right; clear:both; line-height:25px;}
			#other span{ padding:0 5px;}
			
		#comments{ background:#fff; padding-top:20px;}
			#comment_quick{margin:20px 30px 0 30px;}
			div.comment_quick{ width:680px; background:#fffbef; height:60px; line-height:20px; border:1px solid #ccc;}
			#comment_quick label{ display:block; margin-top:-15px; margin-left:10px; border:1px solid #ccc; position:relative; width:410px; background:#fffbef; text-align:center; color:green}
			#comment_quick span{ display:inline-block; width:180px;}
			
			#comment_form{ margin:0 30px 30px;}
			#comment_form form{ margin:0}
			#comment_form textarea{ width:670px; height:100px; padding:5px; overflow:hidden; border:1px solid #ccc; font-size:12px; line-height:20px;}
			#comment_form input{ color:#fff; border:none; line-height:24px; background:#ff8901; display:block; margin-top:3px;}

			#comment_list{width:750px;}
			
			#comment_list div.comment_list{ overflow:hidden; width:680px; margin:5px 30px 0; padding:10px 0; border-bottom:1px solid #ccc;}
			
			#comment_list div.avatar{ width:60px; height:60px; background:url(images/48_avatar_bg.gif); float:left;}
			#comment_list div.avatar img{ margin:5px;}
			#comment_list div.comment_info{ float:right; width:600px;}
			#comment_list div.comment_info a{ color:#3b5998;}
			
			#comment_list div.title,#comments div.detail{ line-height:24px; color:#444444;}
			#comment_list div.title div.r_option{ float:right;}
			#comments div.detail{ margin-top:10px;}
			
			#my_comment{ margin:20px 30px 0 30px; width:680px; line-height:25px; background:#f1f1f1; display:none; }
			#my_comment div.comment_list{ padding:0px; margin:0}
			
	#main_bottom{ background:url(images/sidebar_bg_line.gif) no-repeat; position:relative; height:2px; width:960px; font-size:0px; clear:both;}
	
	
	.blue{ background:url(images/blue.jpg) #dff4ff;}
		.blue #article_title,.blue #article_content,.blue #article_content a{ color:#000101;}
	.yellow{ background:url(images/yellow.jpg) #FFF5D6;}
		.yellow #article_title,.yellow #article_content,.yellow #article_content a{ color:#660000;}
	.green{ background:url(images/green.jpg) #F8F7ED;}
		.green #article_title,.green #article_content,.green #article_content a{ color:#265800;}
	.pink{ background:url(images/pink.jpg) #FEDBEF;}
		.pink #article_title,.pink #article_content,.pink #article_content a{ color:#660066;}
	.red{ background:url(images/red.jpg) #FFF1E1;}
		.red #article_title,.red #article_content,.red#article_content a{ color:#660000;}
	.brown{ background:url(images/brown.jpg) #52443C;}
		.brown #article_title,.brown #article_content,.brown #article_content a{ color:#FFFFCC;}
/*********公共的一些属性***********************/
/*一些公共的属性*/
.left{ float:left;}
.right{ float:right;}
/*添加收藏*/
a.a_share:hover{ background-color:#ff8800; background-position: 100% -20px; color:#fff;}
a.a_share{ background:url(images/share.gif) #fff no-repeat right top; line-height:15px; padding: 0 18px 0 5px; width: 25px; display:inline-block; border:1px solid #ff8800;}
/*评论数量的调用*/
span.replynum{ background:url(images/hotbutton.gif); width:54px; line-height:20px; display:inline-block; color:#ff850d; text-align:right;}
span.replynum label{ display:inline-block; width:35px; text-align:center;}
/*分页样式*/
.page{ line-height:25px; border-bottom:1px solid #ebe6c9; border-top:1px solid #ebe6c9; text-align:center; color:#444; }
.page a{ color:#2c629e; padding:0 2px;}
/*用户的头像样式48x48*/
.avatar{ float:left; width:80px; text-align:center;}
.avatar img{ height:48px; width:48px;}
.avatar a{ display:inline-block; height:48px; width:48px; padding:5px 6px 6px 5px;  background:url(images/48_avatar_bg.gif);}
/*文章列表，栏目页的列表，包含简介*/
dl.article_list{}
	dt.article_list_title{ border-bottom:1px solid #ebe6c9; height:30px;}
	div.infos_other{color:#999;}
	div.infos_other a{ color:#999;}
	div.infos_other a:hover{ color:#ff8800; text-decoration:underline;}
	span.infos_dateline{ float:right;}
/*ul.tabs:标签式导航*/
ul.tabs{ overflow:hidden; line-height:30px; margin:1px 0 0 10px; position:absolute;}
	ul.tabs li{ float:left; background:url(images/tab_bg.gif);}
	ul.tabs li a{ background:url(images/tab_bg.gif) right top; display:block; padding:0 15px 0 9px; margin:0 1px 0 7px;}
	ul.tabs li.active{ background:url(images/active_tab_bg.gif);}
	ul.tabs li.active a{ background:url(images/active_tab_bg.gif) right top; margin-left:7px; color:#000; font-weight:bold; font-size:14px;}
/*Form的样式*/
fieldset{border:none}
input,select{vertical-align:middle;font-size:12px}
label{color:#666;cursor:pointer;}
textarea{border:1px solid #bdc7d8;padding:3px;font-size:12px;overflow:auto}
select,label,textarea,input {font-family:'lucida grande',tahoma,verdana,arial,STHeiTi,simsun,sans-serif}
.input-text{border:1px solid #bdc7d8;padding:3px}
.input-checkbox{margin-right:5px}
.input-file{border:1px solid #bdc7d8}
.input-button,.input-submit{background-color:#005eac;border-color:#b8d4e8 #124680 #124680 #b8d4e8;border-style:solid;border-width:1px;color:#fff;cursor:pointer;font-size:12px;padding:2px 15px;text-align:center}
input.gray{border:1px solid;border-color:#fff #848484 #848484 #fff !important;background:#f0f0f0 !important;color:#333 !important}
input.mini{padding:2px}
input.large{padding:3px 15px;font-size:14px}

/*********end 公共的一些属性***********************/
/*category 首页的样式*/
#cleft,#cmiddle,#cright{float:left; margin-left:10px; }
#cleft{width:200px; margin:0px;}
#cmiddle{width:490px;}
#cright{width:250px;}

.sidebar_dl dt{ line-height:25px;}
.sidebar_dl dd{ line-height:22px;}

.login_form .input-text{ width:150px; line-height:18px; height:18px;}
.login_form .input-red{ border:1px solid #005aaa;}
.login_form{ background:#fcf9e6; border:1px solid #ebe6c9;}
.login_form p{ margin:3px 15px;}
.login_form input{border:1px solid #bdc7d8;padding:3px}

.hot_dt{ margin-top:15px; height:25px; background:url(images/sprites_dt_bg.gif);}
	.hot_dt ul{background:url(images/sprites_dt_bg.gif) right top; height:25px; margin-left:2px;}
	.hot_dt li{float:left;}
	.hot_dt_title{width:110px; font-weight:bold; padding:0 5px;}
	.hot_dt_menu{display:inline-block; position:relative; line-height:20px; margin:7px 0 -2px 2px; padding:0 5px;}
	.hot_dt_menu_on{border:1px solid #ffd891; border-bottom:none; margin-top:5px; margin-bottom:-2px; height:20px; line-height:20px; background:#fff;}
.hot_dd{ border:1px solid #ffb64b;}
	.hot_dd ul{ margin:5px;}
	
#cmiddle{}
	.notice{ background:#feeeb2; border:1px solid #ffa620; line-height:22px; display:none;}
	.notice a.close{ display:block; float:right; width:10px; height:10px; background:url(images/x.gif) no-repeat; margin:5px 5px 0;}
	
	.cate_elite{}
	.cate_elite_pic{ overflow:hidden; clear:both; height:80px; border:1px solid #ccc; padding:5px;}
	.cate_elite_pic strong{ display:block; line-height:25px;}
	.cate_elite_pic .right{ width:400px;}
/*category页面的列表样式*/
.infos{ float:left; width:650px; line-height:25px;border-bottom:1px solid #ebe6c9;}
	.infos_title{line-height:20px; padding:5px 0 0 0;}
	.infos_title a.a_share{ float:right;}
	.infos_title h4 a{ font-weight:bold; font-size:14px;}
	.infos_desc{ margin:8px auto; color:#333;}
dl.article_list dd{ display:inline-block; clear:both; overflow:hidden; border-left:1px solid #ebe6c9; border-right:1px solid #ebe6c9;width:100%; padding-bottom:10px;}
dl.article_list dd.dd_space{ height:10px;}
/*********#footer的样式表*************************/
#footer{ border-top:1px solid #ccc; margin-top:15px; line-height:20px; color:#333333}
	#footer a{ color:#333333;}
	p.back_top{ text-align:right;}
	p.ad_footer,p.copyright{ text-align:center;}